<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!--引入本地的css样式-->
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/admin.css" media="all">

</head>
<body>
<!--  id在页面中隐藏了，前端传递给后端也传递了employee_id值  -->
<input type="hidden" name="id">
    账户：【
    <div class="layui-input-inline">
        <input type="text" name="username" lay-verify="required" placeholder="请输入员工姓名" autocomplete="off" class="layui-input">
    </div>】的预付款记录

    <div class="layui-card-body">
        <table id="LAY-user-back-manage" lay-filter="LAY-user-back-manage"></table>
    </div>
    </div>
</div>

<script src="../../static/js/jquery-3.6.0.min.js"></script>
<!--引入本地layui.js-->
<script src="../../static/layui/layui.js"></script>
<!--js-->
<script type="text/javascript">
    layui.config({
        base: '../../static/layui/layuiadmin/' //静态资源所在路径js
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index');
</script>

<script type="text/javascript">
    layui.use(['table','form'], function(index, layero){
        var table = layui.table;

        //var body = layer.getChildFrame('body', index);
        var body = layer.getFrameIndex('body',index);
        var find = body.find("input[name=id]");
        table.render({
            elem: '#LAY-user-back-manage'//绑定到哪一个表格：#id值
            ,type:"post"
            ,data:{username: find}
            ,url:'/system/userManagementFindYu'//servlet绑定路径
            ,title: '用户数据表'
            ,cols: [[
                {field:'finance_type', title:'财务类型'}
                ,{field:'financial_funds', title:'账户资金', width: 100}
                ,{field:'account_balance', title:'账户余额',}
                ,{field:'remark', title:'备注信息', width: 80 }
                ,{field:'detail_time', title:'明细时间'}
            ]]
            ,page: true
            ,limits:[5,10,15,20]
        });
    });
</script>
</body>
</html>

